import React from 'react'

import {Color} from '../model/color'


interface Props{
    color:Color
}

// 函数式编程 优雅简洁
// tsx 核心 加约束
// React.FC interface type @types/React 提供
// ts 是js的超集
// 1. 函数式组件
// 2. 父组件一定要给他穿传个值
{/* <> 泛型 */}
export const ColorBrowser:React.FC<Props>=(props)=>{
    const divStyle:React.CSSProperties={
        width:'11rem',
        height:'7rem',
        backgroundColor:`rgb(${props.color.red},${props.color.green},${props.color.blue}`
    }
    return <div style={divStyle}></div>
}